<template name="friend_card">
  <div class="col mb-3">
    <div class="card flex-row">
      <a href="/u/{{info.username}}" class="card-body py-2">
        <img src="{{info.profile.avatar}}">
        <p class="m-0">
          <b>
            {{#if info.profile.name}}
              {{info.profile.name}}
            {{else}}
              {{getEmail}}
            {{/if}}
          </b>
        </p>
        <span class="text-secondary">@{{info.username}}</span>
      </a>
      <div class="card-footer dropdown bg-white p-2 border-0">
        <button type="button" class="icon-btn p-2 mt-1 text-secondary" data-toggle="dropdown">
          <i class="material-icons">more_vert</i>
        </button>
        <div class="dropdown-menu border dropdown-menu-right">
          <button type="button" class="dropdown-item send-message">私信</button>
          <button type="button" class="dropdown-item delete-friend">删除好友</button>
        </div>
      </div>
    </div>
  </div>
</template>